<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button onclick="handle()">点我开始连接</button>
</body>
<script>
    function websocket(url,obj){
       return new Promise((resolve,reject)=>{
        const ws = new WebSocket(url) //连接
        ws.onopen = () =>{           //socket.onopen: 这是一个事件处理器，当 WebSocket 连接成功建立（即握手完成）时被触发。
            ws.send(JSON.stringify(obj)) //这是因为在通过 WebSocket 发送数据时，只能发送字符串、Blob 或 ArrayBuffer 类型的数据。不能直接发送复杂的对象结构。
        }
        ws.onmessage= (event) =>{              //接收
            console.log(event.data);
            resolve(event.data)
        }
       })
    }


    function handle(){
        websocket('ws://localhost:3000',{age:18}).then((res)=>{
            console.log(res);
            
        })
    }
</script>
</html>